<html>
<head>
	<meta charset="utf-8" />
<title>制作网页导航条</title>
<style>

#nav  ul {
Width:1000px;     
height:40px;       
margin:20px auto; 
padding:20px;
list-style:none;   
border-top:solid 5px #DAA520;    
border-bottom:solid 5px #DAA520; 
background:url(img/20130104140042-1672428836.png);  
}

#nav ul li {
width: 100px;
float:right;
text-align:center;
font:16px/2.5 "microsoft yahei";
}

#nav ul li a {
text-decoration:none; color:#800080;
}

#nav ul li a:hover {
display:block; color:#FFFFFF; background:#DC143C;
        }

</style>
</head>
 
<body>
 
<div id="nav">
    <ul>
        <li><a href="#" />网站首页</a></li>
        <li><a href="#" />公司简介</a></li>
        <li><a href="#" />产品展示</a></li>
        <li><a href="#" />新闻动态</a></li>
        <li><a href="#" />企业文化</a></li>
        <li><a href="#" />招贤纳士</a></li>
        <li><a href="#" />联系我们</a></li>
        <li><a href="#" />来访路线</a></li>
        <li><a href="#" />收藏本站</a></li>   
</ul>   
</div>
 
</body>
</html>